<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>D 生活</title>
    <%@include file="/views/common/include/taglib.jsp"%>
    <%@include file="/views/common/include/head.jsp"%>
	<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/css/page/person.css" type="text/css">
<%--     <link rel="stylesheet" href="${ctx}/css/page/person-left.css" type="text/css"> --%>
    <link rel="stylesheet" href="${ctx}/css/page/person-my.css" type="text/css">
	<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
	<link rel="stylesheet" href="${ctx}/css/page/refund.css" type="text/css">

<script src="${ctx}/js/controllers/mall/order/orderListController.js" type="text/javascript"></script>
</head>
	
<body>
	<jsp:include page="/views/common/head_main.jsp" />
	<div class="bg">
		<div class="contentbox1 contentbox">
			<jsp:include page="/views/main/main_personal_left.jsp" />
            <div class="rightlist">
            <input type="hidden" id="item" value="${sessionScope.item_personal}"/>
		          <div class="my-order-detail">
		              <div class="padd1">
		                  <div class="title">退款售后</div>
		                  <div class="line"></div>
		              </div>
		              <br/>
		              <div class="all">
			              <div>
		              		<div style="float:left;font-size:14px;height:20px;vertical-align:middle;">申请服务：</div>
		              		<div style="float:left;margin-left: 18px;">
		                        <c:if test="${orderInfo.state == 4}">仅退货</c:if>
		                        <c:if test="${orderInfo.state == 1 || orderInfo.state == 2 }">仅退款</c:if>
	                        </div>
			              </div>
			              <br/>
			              <br/>
			              <br/>
			              <div>
			              	  <c:forEach items="${orderInfo.orderDetailList}" var="orderDetailInfo" varStatus="orderDetailStatus">
				              	  <div class="image" style="float:left;">
				              		  <c:if test="${ not empty orderDetailInfo.goodsInfo.logo}">
					              		   <a href="${ctx}/GoodsDetail?id=${orderDetailInfo.goodsId}&type=${orderDetailInfo.goodsInfo.type}" target="_blank">
											  <img width="70px" height="80px" src="${sessionScope.image_logo}${orderDetailInfo.goodsInfo.logo}" />
										  </a>
									  </c:if>
									  <c:if test="${ empty orderDetailInfo.goodsInfo.logo}">
										   <a href="${ctx}/GoodsDetail?id=${orderDetailInfo.goodsId}&type=${orderDetailInfo.goodsInfo.type}" target="_blank">
											  <img width="70px" height="80px" src="${ctx}/images/seller/common/defaultgoods.jpg" />
										  </a>
									  </c:if>
								  </div>
								  <div class="goodsMsg" style="float:left;">	
									  <p>${orderDetailInfo.goodsInfo.name}</p>
							  		  <c:forEach items="${orderDetailInfo.specNameValueList}" var="specNameValue" varStatus="specNameValueStatus">
								  		  <p style="display:inline"><span >${specNameValue.attrName}:</span>&nbsp;<span>${specNameValue.attrValue}</span></p>&nbsp;
							  		  </c:forEach>
							  		 <p style="display:inline">数量：${orderDetailInfo.amount}</p><br/>
							         <p ><span style="float:left;">实际付款：￥${orderDetailInfo.price}</span></p>
								  </div>
								  <br/>
								  <br/>
								  <br/>
								  <br/>
								  <br/>
								  <br/>
								  <br/>
							  </c:forEach>
							  
							  <div>
								  	<c:if test="${orderInfo.state == 1 || orderInfo.state == 2}">
								  		<div class="expression"><p>退款说明：</p><p>&nbsp;&nbsp;&nbsp;(0/200)</p></div>
								  	</c:if>
								  	<c:if test="${orderInfo.state == 4}">
								  		<div class="expression"><p>退货说明：</p><p>&nbsp;&nbsp;&nbsp;(0/200)</p></div>
								  	</c:if>
								  	<div class="reason">
								  	<textarea onpropertychange="if(value.length>200) value=value.substr(0,200)" maxlength="200" style="height: 100px;width: 400px;text-indent: 5px;" id="reason" onblur="checkReason();"></textarea>
								  	</div>
							  </div>
							  <br/>
							  <br/>
							  <br/>
							 <div class="foot">
							 	<div class="save">
									<button class="buttonEdit" onclick="saveRefundAfter(${orderInfo.id},${orderInfo.state});">提交申请</button>
								</div>
								<div class="cancle">
									<button class="buttonCancle" onclick="backMyOrder();">取&nbsp;&nbsp;消</button>
								</div>
							 </div>	  
							  
							  
							 
			             </div>
		             </div>
		           </div>
             </div>
         </div>	
     </div>	
     
	<jsp:include page="/views/common/footer.jsp" />
	<script src="${ctx}/js/lib/layer/layer.js"></script>
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>	
</body>
</html>

